
/**base**/
page{margin:0;padding:0; -webkit-overflow-scrolling:touch;position:relative;height:100%;background: #f5f5f5;}
.scroll-el{overflow:auto;}
html{height:100%;-webkit-overflow-scrolling: touch;}
::-webkit-scrollbar {display: none;}
image{width:100%;will-change: transform;height:auto;vertical-align: bottom;}
button {position: relative;display: block;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;box-sizing: border-box;font-size: inherit;text-align: center;text-decoration: none;line-height: initial;border-radius: 0;-webkit-tap-highlight-color: transparent;overflow: initial;color: #000;background-color: inherit;}
button::after{border:0 none;}
button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);text-decoration: none;}

/* 碎片 */
.split{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.split-line{display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient:vertical; overflow: hidden;text-overflow: ellipsis;}
.ani{transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;}
.hidden{overflow: hidden;}

.m-b1{margin-bottom: 10rpx!important;}
.m-b2{margin-bottom: 20rpx!important;}
.m-b4{margin-bottom: 40rpx!important;}
.m-t2{margin-top: 20rpx!important;}
.m-l1{margin-left: 10rpx!important;}
.m-l2{margin-left: 20rpx!important;}
.m-r1{margin-right: 10rpx!important;}
.m-r2{margin-right: 20rpx!important;}
.t-l{text-align: left!important;}
.t-r{text-align: right!important;}
.t-c{text-align: center!important;}

.f-s18{font-size:18rpx!important}
.f-s19{font-size:19rpx!important}
.f-s20{font-size:20rpx!important}
.f-s21{font-size:21rpx!important}
.f-s22{font-size:22rpx!important}
.f-s23{font-size:23rpx!important}
.f-s24{font-size:24rpx!important}
.f-s25{font-size:25rpx!important}
.f-s26{font-size:26rpx!important}
.f-s27{font-size:27rpx!important}
.f-s28{font-size:28rpx!important}
.f-s29{font-size:29rpx!important}
.f-s30{font-size:30rpx!important}
.f-s31{font-size:31rpx!important}
.f-s32{font-size:32rpx!important}
.f-s33{font-size:33rpx!important}
.f-s34{font-size:34rpx!important}
.f-s35{font-size:35rpx!important}
.f-s36{font-size:36rpx!important}
.f-s37{font-size:37rpx!important}
.f-s38{font-size:38rpx!important}
.f-s39{font-size:39rpx!important}
.f-s40{font-size:40rpx!important}
.f-s41{font-size:41rpx!important}
.f-s42{font-size:42rpx!important}
.f-s43{font-size:43rpx!important}
.f-s44{font-size:44rpx!important}
.f-s45{font-size:45rpx!important}
.f-s46{font-size:46rpx!important}
.f-s47{font-size:47rpx!important}
.f-s48{font-size:48rpx!important}
.f-s49{font-size:49rpx!important}
.f-s50{font-size:50rpx!important}
.f-s51{font-size:51rpx!important}
.f-s52{font-size:52rpx!important}
.f-s53{font-size:53rpx!important}
.f-s54{font-size:54rpx!important}
.f-s55{font-size:55rpx!important}
.f-s56{font-size:56rpx!important}
.f-s57{font-size:57rpx!important}
.f-s58{font-size:58rpx!important}
.f-s59{font-size:59rpx!important}
.f-s60{font-size:60rpx!important}

.f-s68{font-size:68rpx!important}

.textarea-placeholder,
.input-placeholder{
	color:#d0d0d0;
	font-size: 30rpx;
}
.f-wb{font-weight: bold!important;}
.f-red{color:#f00!important;}
.f-grey{color:#999!important;}
.f-green{color:#3EC85F!important;}
.b-grey{background:#999!important;}
.b-green{background:#3EC85F!important;}
.f-blue{color:#3399FF!important;} 
.b-n{border-bottom: 0 none!important;}

.flex{display: flex;}
.a-t{align-self: flex-start!important;}
.a-b{align-self: flex-end!important;}
.a-c{align-self: center!important;}
.bg-img{width: 100%;}
/* 碎片 */

/* 垂直居中 */
.center{display: flex;align-items: center; justify-content: center;}

.t-r{text-align: right!important;}
.t-m{text-align:center!important;}

/*  骨架屏专用动画  */
.skeleton-animate {
	background-color: #f0f2f5;
	background: linear-gradient(90deg, #f0f2f5 25%, #e6e8eb 37%, #f0f2f5 63%);
	background-size: 400% 100%;
	animation: el-skeleton-loading 1.4s ease infinite;
}

@keyframes el-skeleton-loading {
	0% {
		background-position: 100% 50%
	}

	to {
		background-position: 0 50%
	}
}

/*  按钮点击缩放过渡效果  */
.btn-transition-scale9 {
	transition: transform 0.2s;
	
	&:active {
		transform: scale(0.9);
	}
}

.btn-transition-scale95 {
	transition: transform 0.2s;
	
	&:active {
		transform: scale(0.95);
	}
}

/*  1px边框  */
.border-1px {
	position: relative;
	
	&::after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		content: '';
		width: 200%;
		height: 200%;
		transform-origin: left top;
		transform: scale(0.5);
		border: 1px solid #E9E9E9;
		pointer-events: none;
	}
}

/*  1px上边框  */
.border-top-1px {
	position: relative;
	
	&::after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		content: '';
		width: 100%;
		height: 1px;
		transform: scaleY(0.5);
		background-color:  #E9E9E9;
	}
}

/*  1px下边框  */
.border-bottom-1px {
	position: relative;
	
	&::after {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		content: '';
		width: 100%;
		height: 1px;
		transform: scaleY(0.5);
		background-color:  #E9E9E9;
	}
}